// pages/item/item.js
const http = require("../../utils/http")
Page({

  /**
   * 页面的初始数据
   */
  data: {
    itemList:{},
    vertical: false,//动画时间
    autoplay: true,//自动播放
    circular: true,//间隔时间
    interval: 2000,//衔接动画
    duration: 500,
    previousMargin: "0",
    nextMargin: "0",

    gaiyaotype:true,
    xiangqingtype:false,
    jiagetype:false,
    gaiyaoTop:0,//概要离顶部的距离
    xiangqingTop:0,
    jiageTop:0,
    type:false,//
  },
  //返回首页
  goHome(){
    wx.navigateBack();
  },
  //拨打电话
  phonecall(){
    wx.makePhoneCall({
      phoneNumber: '1340000' //仅为示例，并非真实的电话号码
    })
  },

  onback(){
    wx.navigateBack({
      delta: 0,
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    console.log(options);
    http.request("product/product/getProductDetails/"+options.id,"","get").then(res =>{
      console.log(res.data.product_base_info.product_bright);
      this.setData({itemList:res.data});
    });
    //获取某个 view离顶部的距离
    wx.createSelectorQuery().select("#gaiyao").boundingClientRect(rect=>{
      console.log(rect);
      this.setData({gaiyaoTop:rect.top});
    }).exec();
    wx.createSelectorQuery().select("#xiangqing").boundingClientRect(rect=>{
      this.setData({xiangqingTop:rect.top});
    }).exec();
    wx.createSelectorQuery().select("#jiage").boundingClientRect(rect=>{
      this.setData({jiageTop:rect.top});
    }).exec();
  },
  //页面滚动时触发的钩子函数
  onPageScroll(ev){
    const top = ev.scrollTop + 52;
    if(top >= this.data.gaiyaoTop){
      this.setData({type:true})
    }else{
      this.setData({type:false})
    }
    //滚动时需要切换，激活状态的tabbar
    const {gaiyaoTop,xiangqingTop,jiageTop,gaiyaotype,xiangqingtype,jiagetype} = this.data;
    if(top >= gaiyaoTop && top <= xiangqingTop){
      this.setData({gaiyaotype:true});
      this.setData({xiangqingtype:false});
      this.setData({jiagetype:false});
    }else if(top >= xiangqingTop && top <= jiageTop){
      this.setData({gaiyaotype:false});
      this.setData({xiangqingtype:true});
      this.setData({jiagetype:false});
    }else{
      this.setData({gaiyaotype:false});
      this.setData({xiangqingtype:false});
      this.setData({jiagetype:true});
    }
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})